<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>基于Spring Boot的酷我音乐数据分析系统的设计与实现</title>
    <link rel="stylesheet" href="/index.css">


</head>
<body>
<div class="container-fluid">
    <div style="height: 50px;background-color: antiquewhite;">
        <marquee style="background-color: antiquewhite">
            <img src="https://h5s.kuwo.cn/www/kw-www/img/logo.ce08bf7.png " alt="酷我音乐"  height="50px" style="float: left" onclick="skip()">
            <span style="font-size: 30px; line-height: 50px; margin-left: 10px; display: inline-block;font-family: 'STKaiti'">酷我音乐数据的分析与实现</span>
        </marquee>
    </div>
    <div class="row-fluid" style="background-color: #f8fff7">
        <div  style="width: 20%;height: 735px;border-radius: 15px;background-color: #bdeeff;float: left">
            <button class="btn btn-inverse btn-style" type="button" onclick="home()">首页</button>
            <br>
            <button class="btn btn-inverse btn-style" type="button" onclick="getRankList()">榜单数据</button>
            <br>
            <button class="btn btn-inverse btn-style" type="button" onclick="getHotList()">热点分析</button>
            <br>
            <div style="border-radius: 15px;height: 439px">
                <select id="type" style="border-radius: 15px;margin-left: 13px">
                    <option value="name">歌曲名字</option>
                    <option value="singer">歌手</option>
                    <option value="rank">歌曲排名</option>
                </select>
                <input type="text" id="search" placeholder="请输入内容">
                <input type="button" id = "search-btn" value="查询" onclick="search(1)">
                <div  id = "musicSearchList" style="overflow: auto;width: 100%;height: 75%;white-space: nowrap">

                </div>
                <div id = "musicSearchListPage" class="pagination">

                </div>
            </div>

        </div>
        <div id = "main" style="overflow: auto;height: 735px">
        </div>
    </div>
</div>
<script src="../static/jquery-3.7.1.js" th:src="@{/jquery-3.7.1.js}"></script>
<script src="../static/echarts.min.js" th:src="@{/echarts.min.js}"></script>
<script src="/index.js" th:src="@{/index.js}"></script>
<script src="/rankList.js" th:src="@{/rankList.js}"></script>
<script src="/musicSearch.js" th:src="@{/musicSearch.js}"></script>
<script src="/hot.js" th:src="@{/hot.js}"></script>
<script src="/bootstrap.min.js" th:src="@{/bootstrap.min.js}"></script>
</body>
</html>